<template>
	<view class="notice_back">
		<view class="notice" v-for="item in info" :key="item.id" @click="getDetail(item.id)">
			<img src="@/static/img/notice/dot.png" alt="">
			<view class="content">
				{{item.content}}
			</view>
		</view>
	</view>

</template>

<script>
	import {
		notice
	} from '@/api/wei/index.js'
	export default {
		name: "noticeInfo",
		data() {
			return {
				info: [{
						id: 1,
						content: '我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据'
					},
					{
						id: 2,
						content: '我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据'
					},
					{
						id: 3,
						content: '我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据我是重要公告里面的第一条数据'
					},
					{
						id: 4,
						content: '我是重要公告面的第一条数据'
					},
					{
						id: 5,
						content: '我是重要公告里面的第一条数据我是重要第一条数据我是重要公告里面的第一条数据'
					}
				]
			};
		},
		created() {
			this.getData()
		},
		methods: {
			getDetail(id) {
				uni.navigateTo({
					url: `/pages/notice/noticeDetail/noticeDetail?id=${id}`
				})
			},
			async getData() {
				await notice().then(res => {
					console.log(res)
					// if (res.data.code === 200) {
					// 	this.info = res.data.data;
					// 	console.log(this.info)
					// }
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.notice {
		display: flex;
		align-items: center;
		height: 10%;
		border-bottom: 1px solid #E8E8E8;
		margin: 0 1rem;
		padding: 1rem 0;

		img {
			// margin: 0 1rem 0 0;
		}

		.content {
			box-sizing: content-box;
			padding: 0 1rem;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
	}
</style>